<template>
    <div>
        <nav>
            <router-link to="/movie">电影</router-link> |
            <router-link to="/cinema">影院</router-link> |
            <router-link to="/info">资讯</router-link> |
            <router-link to="/me">我的</router-link>
        </nav>
    </div>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
nav {
    padding: 30px;

    a {
        font-weight: bold;
        color: #2c3e50;

        &.router-link-exact-active {
            color: #42b983;
        }
    }
}
</style>